<template>
<div id="noCertified">
        <!--后退-->
        <img class="back" src="../../../assets/homepage/back.png" alt="" onclick="history.go(-1)">
        <p class="taskImg"><img src="../../../assets/me/head.png" alt=""></p>
        <div class="certifiedGo">
            <p>您还没有实名认证<br>快去认证吧</p>
            <router-link to="/phoneVerification" style="text-decoration:none;">
                <button>立即认证</button>
            </router-link>
        </div>
</div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  methods:{

  }
}
</script>
<style>
#noCertified{
    height:100%;
    width:100%;
    background-size:100% 100%;
    background-image:url(../../../assets/me/no.png);
}
#noCertified .back{
    height:1.1rem;
    width:0.6rem;
    margin:1rem 1rem 0rem 1rem;
}
#noCertified .taskImg{
    width:100%;
    text-align:center;
    margin-top:1.5rem;
}
#noCertified .taskImg > img{
    height:4.2rem;
    width:4.5rem;
}
#noCertified .certifiedGo{
    width:80%;
    text-align:center;
    height:15rem;
    background:#fff;
    box-shadow:0.1rem 0.1rem 0.5rem 0.05rem #e2e2e2;
    margin:0px auto;
    position:relative;
    top:-0.5rem;
    border-radius:8px;
}
#noCertified .certifiedGo > p{
    padding-top:3rem;
    color:#888888;
    font-size:1rem;
}
#noCertified .certifiedGo button{
    width:35%;
    height:2.5rem;
    line-height:2.5rem;
    color:#fff;
    margin:4rem auto;
    background:#29a193;
}
</style>